<template>
	<view class="headDetails">
		<!-- #ifdef APP-PLUS -->
		<view class="status_bar">
			<view class="top_view"></view>
		</view>
		<!-- #endif -->
		<block v-for="(item, index) in userInforList">
			<view class="marginBottom">
				<uni-nav-bar :fixed='true'>
					<text class="headTitle">详情</text>
					<view slot="left">
						<image src="../../static/img/3e265cff8632c9bdab46264fcbdab0a.png" mode="" class="goback" @click="goback"></image>
					</view>
					<view slot="right">
						<image src="../../static/img/slh.png" mode="" class="rightClassify" @click="rightClassify"></image>
					</view>
				</uni-nav-bar>
				<view class="usrInfor me-fx-row-sb-c">
					<view class="usrInforLeft me-fx-row-sb-c">
						<image :src="item.avatar" mode="" class="usrInforHead" @click="headPic(item.avatar)"></image>
						<view class="">
							<view class="nickBox me-fx-row-start-c">
								<view class="nickName">
									{{item.username}}
								</view>
								<image src="../../static/img/boy3.png" mode="" class="boyPic" v-if="item.gender=='1'"></image>
								<image src="../../static/img/gril.png" mode="" class="boyPic2" v-if="item.gender=='2'"></image>
								<image src="../../static/img/vip.png" mode="" class="vipPic" v-if="item.gender=='1'"></image>
							</view>
							<view class="me-fx-row-start-c time">
								<text v-for="(itemList, index) in item.certify_tag_id_collection">
									{{itemList}}
								</text>
							</view>
						</view>
					</view>
					<view class="addLike" @click="addLick(item.id)">
						加入喜欢
					</view>
				</view>
				<view class="userInforBox">
					<view class="titleBox me-fx-row-sb-c">
						<view :class="[titleActiveIndex  ==index?'title titleActive':'title']" v-for="(item, index) in titleList"
						 @click="titleBtn(index)">
							{{item}}
						</view>
					</view>
					<block v-if="guangbo">
						<block v-if='haveList'>
							<view class="" style="overflow-y: scroll;width: 100%;">
								<view class="stationList me-fx-row" v-for="(item, index) in stationList">
									<view class="picPos">
										<image :src="item.user.avatar" mode="" class="avatar" @click="stationListBtn(item.id)"></image>
									</view>
									<view class="stationListRight">
										<view class="headPicBox me-fx-row-start-c">
											<view class="headPicRight">
												<view class="me-fx-row-start-c">
													<view class="headFont">{{item.user.username}}</view>
													<image src="../../static/img/gril.png" mode="" v-if="sexPic ==item.user.gender " class="sexPic"></image>
													<image src="../../static/img/boy3.png" mode="" v-else class="sexPic"></image>
													<image src="../../static/img/vip.png" mode="" class="vip" v-if="item.vip=='1' "></image>
												</view>
												<view class="time">
													{{item.created_at}}
												</view>
											</view>
										</view>
										<view class="functionBox">
											<block v-if="item.type=='2'">
												<view class="functionList me-fx-row-start-c" v-if="item.publishShow.showMenu.name != ''">
													<image src="../../static/img/newimg/a19.png" mode=""></image>
													<view class="functionFont">
														{{item.publishShow.showMenu.name}}
													</view>
												</view>
												<view class="functionList me-fx-row-start-c" v-if="item.publishShow.appointed_time != ''">
													<image src="../../static/img/newimg/a22.png" mode=""></image>
													<view class="functionFont">
														{{item.publishShow.appointed_time}}
													</view>
												</view>
												<view class="functionList me-fx-row-start-c" v-if="item.publishShow.city !=''">
													<image src="../../static/img/newimg/a20.png" mode=""></image>
													<view class="functionFont">
														{{item.publishShow.city}}
													</view>
												</view>
												<view class="functionList me-fx-row-start-c" v-if="item.publishShow.expectObjTag.name!=''">
													<image src="../../static/img/newimg/a21.png" mode=""></image>
													<view class="functionFont">
														{{item.publishShow.expectObjTag.name}}
													</view>
												</view>
												<view class="picList me-fx-row-start-c">
													<image :src="item2" mode="" v-for="(item2, index) in item.images"></image>
												</view>
											</block>
											<block v-else>
												<view class="nohave" v-if="item.content ==' '">
												</view>
												<view class="functionList me-fx-row-start-c" v-else>
													<view class="functionFont">
														{{item.content}}
													</view>
												</view>
												<view class="picList me-fx-row-start-c">
													<image :src="item2" mode="" v-for="(item2, index) in item.images"></image>
												</view>
											</block>
										</view>

										<view class="me-fx-row-sb-c bottomFunBox">
											<view class="me-fx-col-sa-c " @click="dianzannBtn(item.id,index)">
												<image src="../../static/img/zan1.png" mode="" v-if="item.is_praise == '2'"></image>
												<image src="../../static/img/zan2.png" mode="" v-else></image>
												<view class="bottomFunFont">
													{{item.praise_count}}
												</view>
											</view>
											<view class="me-fx-col-sa-c" @click="pinglunBtn(item.id)">
												<image src="../../static/img/pinglun2.png" mode=""></image>
												<view class="bottomFunFont">
													评论
												</view>
											</view>
											<view class="me-fx-col-sa-c" @click="baomingBtn(item.id,index)" v-if="item.type=='1'">
												<image src="../../static/img/jiaru2.png" mode="" v-if="item.is_join == '1'"></image>
												<image src="../../static/img/jiaru.png" mode="" v-else></image>
												<view class="bottomFunFont">
													我要报名(0)
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</block>
						<view class="nohaveList" v-if="nohaveList">
							<image src="../../static/img/newimg/xx.png" mode=""></image>
							没有更多数据~
						</view>
					</block>
					<view class="photoBox" v-if="photoShow">
						<block v-if="item.album_status != '0' ">
							<view class="yinshenPic" v-if=" item.album_status == '2'">
								<image src="../../static/img/newimg/zxc.png" mode=""></image>
								<view class="jiesuobtn" @click="jiesuoalbum">
									解锁相册,({{see_album_fee}})会员免费
								</view>
							</view>
							<view class="yinshenPic" v-if="item.album_status == '3'">
								<image src="../../static/img/newimg/tt.png" mode=""></image>
								<view class="applyFor" @click="applyForBtn">
									申请查看
								</view>
							</view>
							<view class="yinshenPic" v-if="item.album_status == '4'">
								<image src="../../static/img/newimg/yins.png" mode=""></image>
								<view class="applayForRink">
									该用户相册为隐身模式
								</view>
							</view>
						</block>
						<view class="nohavePic" v-if="item.album_status == '0'">
							<image src="../../static/img/newimg/xx.png" mode=""></image>
							这个人还没有相册哦~
						</view>
						<view class="picBox" v-if="item.albumInfo">
							<view class="me-fx-row-sb-c warp" v-for="(picList, index) in item.albumInfo">
								<block v-for="(picList2, index) in picList.file">
									<block v-if="picList2.type == '1'">
										<image :src="picList2.file" mode="" v-if="picList2.permission == '1'" class="picWidth" @click="lookPhoto(picList2.permission,picList2.type,picList2.file)"></image>
										<view class="lookEdoverBox picWidth" v-if="picList2.permission == '2'">
											<image :src="picList2.file" mode="" class="filter"></image>
											<view class="lookEdover me-fx-col-c-c" v-if="picList2.burn == null" @click="lookPhoto2(picList2)">
												<image src="../../static/img/fire-w.png" mode=""></image>
												<text>阅后即焚</text>
											</view>
											<view class="lookEdover me-fx-col-c-c" v-else>
												<image src="../../static/img/fire-red.png" mode=""></image>
												<text style="color: #F44242;">已焚毁</text>
											</view>
										</view>
										<view class="lookEdoverBox picWidth" v-if="picList2.permission == '3'">
											<block class="" v-if="picList2.pay == null" @click="lookPhoto3(picList2)">
												<image :src="picList2.file" mode="" class="filter"></image>
												<view class="lookEdover me-fx-col-c-c">
													<image src="../../static/img/money-a.png" mode=""></image>
													<text>红包照片</text>
												</view>
											</block>
											<image :src="picList2.file" mode="" class="" v-else @click="lookPhoto3No(picList2)"></image>
										</view>
										<view class="lookEdoverBox picWidth" v-if="picList2.permission == '4'">
											<image :src="picList2.file" mode="" class="filter"></image>
											<view class="lookEdover me-fx-col-c-c" v-if="picList2.brun == null && picList2.pay == null" @click="lookPhoto4(picList2)">
												<image src="../../static/img/84d167a84bb932b23cd5f651a69ef9f.png" mode=""></image>
												<text>阅后即焚红包照片</text>
											</view>
											<view class="lookEdover me-fx-col-c-c" v-else>
												<image src="../../static/img/84d167a84bb932b23cd5f651a69ef9f.png" mode=""></image>
												<text>已焚毁</text>
											</view>
										</view>
									</block>
									<block v-if="picList2.type == '2'">
										<video id="myVideo" :src="picList2.file" @click="video1(picList2.file,picList2.id,picList2.type)"
										 enable-danmu danmu-btn :controls='false' class="videopicWidth" v-if="picList2.permission == '1'"></video>
										<view class="lookEdoverBox videopicWidth" v-if="picList2.permission == '2'">
											<video id="myVideo" :src="picList2.file" enable-danmu danmu-btn :controls='false' class="video filter"></video>
											<view class="lookEdover me-fx-col-c-c" v-if="picList2.burn == null" @click="video2(picList2)">
												<image src="../../static/img/fire-w.png" mode=""></image>
												<text>阅后即焚</text>
											</view>
											<view class="lookEdover me-fx-col-c-c" v-else>
												<image src="../../static/img/fire-red.png" mode=""></image>
												<text style="color: #F44242;">已焚毁</text>
											</view>
										</view>
										<view class="lookEdoverBox videopicWidth" v-if="picList2.permission == '3'">
											<block class="" v-if="picList2.pay == null">
												<video id="myVideo" :src="picList2.file" enable-danmu danmu-btn :controls='false' class="video filter"></video>
												<view class="lookEdover me-fx-col-c-c" @click="lookvideo3(picList2)">
													<image src="../../static/img/money-a.png" mode=""></image>
													<text>红包视频</text>
												</view>
											</block>
											<video id="myVideo1" v-else :src="picList2.file" @click="lookvideo3No(picList2)" enable-danmu danmu-btn
											 :controls='false' class="video"></video>
										</view>

										<view class="lookEdoverBox videopicWidth" v-if="picList2.permission == '4'">
											<video id="myVideo" :src="picList2.file" enable-danmu danmu-btn :controls='false' class="video filter"></video>
											<view class="lookEdover me-fx-col-c-c" v-if="picList2.brun == null && picList2.pay == null" @click="lookvideo4(picList2)">
												<image src="../../static/img/84d167a84bb932b23cd5f651a69ef9f.png" mode=""></image>
												<text>阅后即焚红包视频</text>
											</view>
											<view class="lookEdover me-fx-col-c-c" v-else>
												<image src="../../static/img/84d167a84bb932b23cd5f651a69ef9f.png" mode=""></image>
												<text>已焚毁</text>
											</view>
										</view>

									</block>
								</block>
								<view class="lookEdoverBox videopicWidth">

								</view>
							</view>
						</view>
					</view>
					<view class="personalData" v-if="userInforShow">
						<view class=" lickList personalList">
							<text class="">
								{{item.city}}
							</text>
							<text class="">
								{{item.userInfo.age}}岁 {{item.userInfo.constellation_id}}
							</text>
							<text class="">
								{{item.userInfo.job_id}}
							</text>
						</view>
						<view class="me-fx-row-start-c personalList">
							<view class="personalLeft">
								身高
							</view>
							<view class="personalright">
								{{item.userInfo.height}}cm
							</view>
						</view>
						<view class="me-fx-row-start-c personalList">
							<view class="personalLeft">
								体重
							</view>
							<view class="personalright">
								{{item.userInfo.weight}}kg
							</view>
						</view>
						<view class="me-fx-row-start-c personalList">
							<view class="personalLeft">
								常驻城市
							</view>
							<view class="personalright">
								{{item.city}}
							</view>
						</view>
						<view class="me-fx-row-start-c personalList">
							<view class="personalLeft">
								交友节目
							</view>
							<view class="personalright" v-for="(jiaoyou, index) in item.userInfo.show_menu_id_collection">
								{{jiaoyou}},
							</view>
						</view>
						<view class="me-fx-row-start-c personalList">
							<view class="personalLeft">
								期望对象
							</view>
							<view class="personalright" v-for="(QW, index) in item.userInfo.expect_obj_tag_id_collection">
								{{QW}},
							</view>
						</view>
						<view class="me-fx-row-start-c personalList" v-if="item.socialAccount != null">
							<view class="personalLeft">
								微信
							</view>
							<view class="personalright color me-fx-row-sb-c width_6">
								<block v-if="item.is_display_social_account">
									<view class="">
										{{item.socialAccount.wechat_account}}
									</view>
									<view class="" @click="paste(item.socialAccount.wechat_account)">
										复制
									</view>
								</block>
								<view v-else @click="weixinBtn(item.id)">
									已填写，点击查看
								</view>
							</view>
						</view>
						<view class="me-fx-row-start-c personalList" v-if="item.socialAccount != null">
							<view class="personalLeft">
								QQ
							</view>
							<view class="personalright color me-fx-row-sb-c width_6">
								<block v-if="item.is_display_social_account">
									<view class="">
										{{item.socialAccount.qq_account}}
									</view>
									<view class="" @click="paste(item.socialAccount.qq_account)">
										复制
									</view>
								</block>
								<view v-else @click="qqBtn(item.id)">
									已填写，点击查看
								</view>

							</view>
						</view>
						<view class="">
							个人介绍
						</view>
						<textarea value="" placeholder="112131" v-model="textarea" class="textarea" />
						</view>
						</view>
						<view class="">
						<view class="rink2">
							请勿通过平台进行不法交易，如被举报核实将作封号处理
						</view>
					</view>
			</view>
			<view class="bottomFiex me-fx-row-sb-c">
				<view class="me-fx-row-start-c navList" @click="evaluateBtn">
					<image src="../../static/img/pinglun2.png" mode=""></image>
					<view class="">
						评价
					</view>
				</view>
				<view class="me-fx-row-start-c navList" @click="privateChat(item.id,item.username)">
					<image src="../../static/img/siliao.png" mode=""></image>
					<view class="">
						私聊
					</view>
				</view>
				<view class="me-fx-row-start-c navList" @click="socialCount" v-if="is_display_social_account">
					<image src="../../static/img/shejiao.png" mode=""></image>
					<view class="">
						社交账号
					</view>
				</view>
				<!-- <view class="me-fx-row-start-c navList" @click="sing">
					<image src="../../static/img/lianmai.png" mode=""></image>
					<view class="">
						连麦
					</view>
				</view> -->
			</view>
		</block>
	
		<!-- 弹框 -->
		<view class="Covering" v-if="classify">
			<view class="newList">
				<view class="topBox">
					<view class="bottomBorder" @click="defriend">
						拉黑(屏幕双方)
					</view>
					<view class="bottomBorder" @click="inform">
						匿名举报
					</view>
				</view>
				<view class="bottomBox" @click="cancel">
					取消
				</view>
			</view>
		</view>
		<!-- 弹窗 -->
				<view class="Covering" v-if="withdrawTK">
					<view class="withdrawTK ">
						<image src="../../static/img/f6b8c0d387a54a3aa017c1e17b074df.png" mode=""></image> 
						<view class="rink">
							提示
						</view>
						<view class="conter">
							申请时，需要您的一张照片给对方查看
						</view>
						<view class="btnBox me-fx-row-sb-c">
							<view class="cancelBtn" @click="withdrawTK=false">
								取消
							</view>
							<view class="sureBtn" @click="sureBtn">
								发送照片
							</view>
						</view>
					</view>
				</view>
				
				<view class="Covering" v-if="hintTK">
					<view class="withdrawTK">
						<image src="../../static/img/f6b8c0d387a54a3aa017c1e17b074df.png" mode=""></image> 
						<view class="rink">
							提示
						</view>
						<view class="conter">
							您今日可私聊并看查他人联系方式次数还剩余{{residueNum}}次，请确认以下操作
						</view>
						<view class="btnBox me-fx-row-sb-c">
							<view class="cancelBtn" @click="hintTK =false">
								取消
							</view>
							<view class="sureBtn" @click="contactSure">
								确认
							</view>
						</view>
					</view>
				</view>
				<view class="Covering" v-if="noRZ">
					<view class="withdrawTK">
						<image src="../../static/img/f6b8c0d387a54a3aa017c1e17b074df.png" mode=""></image> 
						<view class="rink">
							提示
						</view>
						<view class="conter" style="text-align: center;">
							您还未认证请先去认证
						</view>
						<view class="btnBox me-fx-row-sb-c">
							<view class="cancelBtn" @click="noRZcancelBtn">
								取消
							</view>
							<view class="sureBtn" @click="noRZsureBtn">
								确认
							</view>
						</view>
					</view>
				</view>
				<!-- 红包照片 -->
				<view class="Covering" v-if="hongbaoPic">
					<view class="withdrawTK hongbaoPic">
						<view class="rink">
							当前照片为红包照片
						</view>
						<view class="conter" style="text-align: center;">
                                您需要支付<text>{{phofee}}</text>社区币
						</view>
						<view class="btnBox me-fx-row-sb-c">
							<view class="cancelBtn" @click="hongbaoPic=false">
								取消
							</view>
							<view class="sureBtn" @click="hbPicSureBtn">
								确认
							</view>
						</view>
					</view>
				</view>
				<!-- 相册 -->
				<view class="Covering" v-if="albumBtn">
					<view class="withdrawTK hongbaoPic">
						<view class="rink">
							当前相册为红包相册
						</view>
						<view class="conter" style="text-align: center;">
				                您需要支付<text>{{see_album_fee}}</text>社区币
						</view>
						<view class="btnBox me-fx-row-sb-c">
							<view class="cancelBtn" @click="albumBtn=false">
								取消
							</view>
							<view class="sureBtn" @click="hbalbumBtn">
								确认
							</view>
						</view>
					</view>
				</view>
		<view class="evaluateCovering Covering" v-if="evaluate">
			<view class="evaluateBox">
				<image src="../../static/img/f6b8c0d387a54a3aa017c1e17b074df.png" mode="" class="evaluatePic"></image>
				<image src="../../static/img/xx.png" mode="" class="xx" @click="xx"></image>
				<view class="evaluateBottom">
					<view class="evaluateListBox me-fx-st-c">
						<view class="evaluateList"  v-for="(item, index) in evaluateList" @click="evaluateSlect(item.id,item.is_evaluted,index)">
							<view :class="[item.is_evaluted ? 'evaluateActive evaluateFont' : 'evaluateFont']">
								{{item.name}}
							</view>
							<view class="evaluateNum">
								{{item.eva_tag_log_count}}
							</view>
						</view>
					</view>
					<view class="anonymity" @click="anonymityBtn">
						匿名评价
					</view>
					<view class="hint">
						严重问题请举报
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import {
		url
	} from '@/utils/api'
	export default {
		data() {
			return {
				title:'',
				id: '',
				classify: false,
				evaluate: false,
				textarea:'',
				withdrawTK:false,
				noRZ:false,
				userInforList:[],
				hintTK:false,
				is_display_social_account:false,
				evaluateList:[],
				evaluateListID:[],
				isVipResult:false,
				residueNum:'',
				titleList:['相册','基本信息','TA的广播'],
				titleActiveIndex:1,
				photoShow:false,
				userInforShow:true,
				guangbo:false,
				optionsName: '',
				stationList: [],
				last_page: 1,
				page: 1,
				sexPic:0,
				sexPic:2,
				nohaveList:false,
				haveList:false,
				getGender:-1,
				barHeight: 25,
				arrPic:[],
				hongbaoPic:false,
				real_people:'',
				album_id:'',
				see_album_fee:'0',
				phofee:'0',
				zhaopianID:'',
				file:'',
				permission:'',
				albumBtn:false,
				isJieSuo:false
			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			if(option.name){
				this.title = option.name
			}
			if(option.id){
				this.id = option.id
			}
		},
		onShow() {
			this.userInfor()
		},
		created(){
			this.indexData('/radio/list/other/',this.page,{id:this.id})
			this.getSex()
			this.getSystemStatusBarHeight()
 		},
		methods: {
			
			//获取系统状态栏高度
			getSystemStatusBarHeight: function() {
				// #ifdef APP-PLUS
				var height = plus.navigator.getStatusbarHeight();
				this.barHeight = height;
				// #endif
				// #ifdef H5
				this.barHeight = 0;
				// #endif
			},
			jiesuoalbum(){
				if(this.isJieSuo){
					this.isJieSuo = false
				}else {
					this.isJieSuo = true
				}
				this.$u.get('/user/base/roam/count').then(res => {
						if (res) {
							if(res.code == '200'){
								this.residueNum = res.data.count
								this.hintTK=true
							}else {
								this.hintTK=false
								uni.showToast({
									title: res.message,
									duration: 1000,
									icon: 'none'
								})
							}
						}
					})
					.catch((res) => {
					})
			},
			video1(file,id){
				uni.navigateTo({
					url:'../commonPage/video?name='+this.title+'&url='+file+"&id="+id
				})
			},
			video2(item){
				uni.navigateTo({
					url:'../commonPage/video?name='+this.title+'&url='+item.file+"&id="+item.id +'&permission='+item.permission
				})
			
				},
				hbalbumBtn(){
					this.$u.post('/user/album/buy', {id:this.album_id}).then(res => {
							if (res) {
								this.userInfor()
							console.log(res,'res')
							}
						})
						.catch((res) => {
							console.log(res.message)
						})
				},
				pay(){
					this.$u.post('/user/album/buy', {id:this.album_id}).then(res => {
							if (res) {
							console.log(res,'res')
							this.userInfor()
							}
						})
						.catch((res) => {
							console.log(res.message)
						})
				},
			hbPicSureBtn(){
				console.log(this.file,this.type,'this.title')
				if(this.type== '1'){
					uni.navigateTo({
						url:'../commonPage/lookPho?name='+this.title+'&url='+this.file+"&id="+this.zhaopianID+'&permission='+this.permission
					})
					
					}else {
							uni.navigateTo({
								url:'../commonPage/video?name='+this.title+'&url='+this.file+'&permission='+this.permission +'&id='+this.zhaopianID
							})
					}
					this.hongbaoPic=false
				},
			lookPhoto(permission,type,file){
			this.previewImg(file)
				},
				lookPhoto2(item){
					console.log(item,'item')
					this.zhaopianID=item.id
					this.file = item.file
						uni.navigateTo({
							url:'../commonPage/lookPho?name='+this.title+'&url='+item.file+"&id="+item.id+'&permission='+item.permission
						})
					
				},
				lookvideo4(item){
					this.type = item.type
					this.zhaopianID = item.id
					this.file=item.file
					this.phofee =item.fee
					this.permission=item.permission
					this.hongbaoPic =true
					},
				lookvideo3(item){
					this.type = item.type
					this.zhaopianID = item.id
					this.file=item.file
					this.phofee =item.fee
					this.hongbaoPic =true
					this.permission=item.permission
				},
				lookvideo3No(item){
					uni.navigateTo({
						url:'../commonPage/video?name='+this.title+'&url='+item.file+'&permission='+item.permission +'&id='+item.id
					})
				},
				lookPhoto3(item){
					this.phofee =item.fee
					this.zhaopianID = item.id
					this.hongbaoPic =true
					this.type = item.type
					this.permission=item.permission
				},
				lookPhoto3No(item){
					this.previewImg(item.file)
				},
				lookPhoto4(item){
					this.type = item.type
					this.hongbaoPic=true
					this.zhaopianID = item.id
					this.phofee =item.fee
					this.permission=item.permission
				},		
			addLick(id){
				this.$u.post('/like/lover/add',{id:id}).then(res => {
						if (res) {
							   uni.showToast({
							   	title: '加入成功',
							   	duration: 1000,
							   	icon: 'none'
							   })
						}
					})
					.catch((res) => {
					})
			},
			paste(value) {
				uni.setClipboardData({
				    data: value,
				    success: function () {
				       uni.showToast({
				       	title: '复制成功',
				       	duration: 1000,
				       	icon: 'none'
				       })
				    }
				});
					},
			pinglunBtn(id) {
				uni.navigateTo({
					url: '../station/listdetails?id=' + id
				})
			},
			stationListBtn(id) {
				uni.navigateTo({
					url: '../station/listdetails?id=' + id
				})
			},
			indexData(url,page,data) {
				this.$u.get(url+page,data).then(res => {
						if (res) {
							if (res.data.list.last_page == 1) {
								this.stationList = res.data.list.data;
							} else {
								this.stationList = this.stationList.concat(res.data.list.data)
							}
							if(this.stationList.length > 0){
								this.haveList = true
								this.nohaveList =false
							}else{
								this.haveList = false
								this.nohaveList =true
							}
							
							this.last_page = res.data.list.last_page
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			onReachBottom() { //uniapp 监听下拉加载生命周期
				console.log(this.last_page)
				if (this.page >= this.last_page) {
					uni.showToast({
						title: '没有更多数据了',
						duration: 1000,
						icon: 'none'
					})
					return
				}
				this.page++
				if(this.name=='work'){
					this.indexData('/radio/list/own/',this.page)
				}else{
					let data={
						id:this.id
					}
					this.indexData('/radio/list/other/',this.page,data)
				}
			},
			dianzannBtn(id, index) {
				
				this.$u.post('/publish/praise', {
						id: id
					}).then(res => {
						if (res) {
							uni.showToast({
								title: res.message,
								duration: 1000,
								icon: 'none'
							})
							if (this.stationList[index].is_praise == 1) {
								this.stationList[index].praise_count = this.stationList[index].praise_count - 1
								this.stationList[index].is_praise = '2'
							}else {
								this.stationList[index].praise_count = this.stationList[index].praise_count + 1
								this.stationList[index].is_praise = '1'
							}
						
						}
					})
					.catch((res) => {
						console.log(res)
					})
			},
			baomingBtn(id,index) {
				this.$u.post('/publish/show/join', {
						id: id
					}).then(res => {
						if (res) {
							uni.showToast({
								title: res.message,
								duration: 1000,
								icon: 'none'
							})
							if (this.stationList[index].is_join == 1) {
								this.stationList[index].join_count = this.stationList[index].join_count - 1
								this.stationList[index].is_join = '2'
							} else {
								this.stationList[index].join_count = this.stationList[index].join_count + 1
								this.stationList[index].is_join = '1'
							}
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			
			
			titleBtn(index){
				if(index == '0'){
					this.photoShow =true;
					this.userInforShow =false;
					this.guangbo=false
					}else if(index == '1'){
						this.photoShow =false;
						this.userInforShow =true;
						this.guangbo=false
					}else {
						this.photoShow =false;
						this.userInforShow =false;
						this.guangbo=true
					}
				this.titleActiveIndex=index
				console.log(this.titleActiveIndex,'index')
			},
			
			
			privateChat(id,name){
				uni.navigateTo({
					url:'../information/chatFrame?id='+id+'&username='+name
					
				})
				},
				socialCount(){
					
				},
			evaluateSlect(id,checked,index){
				if(checked){
					this.evaluateList[index].is_evaluted = !checked
					this.evaluateListID=this.evaluateListID.filter(item=>item != id)
				}else{ 
					this.evaluateList[index].is_evaluted = !checked
					this.evaluateListID.push(id)
				}
			},
			contactCancel(){
				this.getPay()
			},
			anonymityBtn(){
				let data={
					id:this.id,
					ids:this.evaluateListID,
					status:0
				}
				this.$u.post('/user/tag/evalute',data).then(res => {
						if (res) { 
							this.evaluate=false
							  this.evaluateList.is_evaluted=false
							uni.showToast({
								title:'评价成功',
								duration:1000,
								icon:'none'
							})
						}else {
							this.evaluate=false
						}
					})
					.catch((res) => {
					})
			},
			getSex(){
				this.$u.get('/user/base/gender').then(res => {
						if (res) {
						this.getGender =res.data.gender
						}
					})
					.catch((res) => {
					})
			},
			
			weixinBtn(id){
				// 1 男 2 nv
				console.log(id,'ddd',this.getGender)
				this.id=id
				if(this.getGender=='1'){
					this.$u.get('/user/base/member').then(res => {
							if (res) {
								this.isVipResult=res.data.result
								if(res.data.result){
									this.$u.get('/user/base/roam/count').then(res => {
											if (res) {
												this.residueNum = res.data.count
												this.hintTK=true
											}
										})
										.catch((res) => {
										})
								}else {
									// 未做
								}
							}
						})
						.catch((res) => {
						})
					}else if(this.getGender=='2'){
						this.$u.get('/user/social_account/get',{id:this.id}).then(res => {
								if (res) {
									console.log(res,'resss')
									this.userInforList.social_account.wechat_account = res.data.social_account.wechat_account
									this.userInforList.social_account.qq_account = res.data.social_account.qq_account
								}
							})
							.catch((res) => {
							})
					}
			
			},
			qqBtn(id){
		if(this.getGender=='1'){
			this.$u.get('/user/base/member').then(res => {
					if (res) {
						this.isVipResult=res.data.result
						if(res.data.result){
							this.$u.get('/user/base/roam/count').then(res => {
									if (res) {
										this.residueNum = res.data.count
										this.hintTK=true
									}
								})
								.catch((res) => {
								})
						}else {
							// 未做(支付接口未处理)
						}
					}
				})
				.catch((res) => {
				})
			}else if(this.getGender=='2'){
				this.$u.get('/user/social_account/get',{id:this.id}).then(res => {
						if (res) {
							console.log(res,'resss')
							this.userInforList.social_account.wechat_account = res.data.social_account.wechat_account
							this.userInforList.social_account.qq_account = res.data.social_account.qq_account
						}
					})
					.catch((res) => {
					})
			}
			},
			contactSure(){
				if(this.isJieSuo){
					this.hbalbumBtn()
					this.hintTK=false
				}else {
					this.$u.get('/user/social_account/get',{id:this.id}).then(res => {
							if (res) {
								console.log(res,'ress')
								this.hintTK=false
								this.userInforList.social_account.wechat_account = res.data.social_account.wechat_account
								this.userInforList.social_account.qq_account = res.data.social_account.qq_account
							}else{
								this.hintTK=false
							}
						})
						.catch((res) => {
						})
				}
			
			},
			getPay(){
				this.$u.get('/user/social_account/get',{id:this.id}).then(res => {
						if (res) {
							console.log(res.data.data,'res')
						}
					})
					.catch((res) => {
					})
			},
			userInfor(){
				this.$u.get('/user/other/info',{id:this.id}).then(res => {
						if (res) {
							this.userInforList=res.data
							this.is_display_social_account=res.data.data.is_display_social_account
							this.textarea=res.data.data.userInfo.introduce
							this.real_people=res.data.data.real_people
							this.album_id = res.data.data.album_id
							this.evaluateTag()
						}
					})
					.catch((res) => {
					})
			},
			defriend() {
				this.$u.post('/blacklist/add',{id:this.id}).then(res => {
						if (res) {
						uni.showToast({
							title:'拉黑成功',
							duration:1000,
							icon:'none'
						})
						this.classify=false
						}else {
							this.classify=false
						}
					})
					.catch((res) => {
					})
			},
			xx() {
				this.evaluate = false
			},
			inform() {
				uni.navigateTo({
					url:'./anonymous?avatar='+this.userInforList.data.avatar+'&age='+this.userInforList.data.userInfo.age+'&name='+this.title
				})
				this.classify=false
			},
			cancel() {
				this.classify = false
			},
			rightClassify() {
				this.classify = true
			},
			headPic(logourl) {
				this.previewImg(logourl)
			},
			previewImg(logourl) {
				let _this = this;
				let imgsArray = [];
				imgsArray[0] = logourl //在线图片
				uni.previewImage({
					current: 0,
					urls: imgsArray
				});
			},
			evaluateBtn() {
				this.evaluate = true
			},
			evaluateTag(){
				this.$u.get('/user/tag/list/'+this.id).then(res => {
						if (res) {
							this.evaluateList=res.data.list
							this.evaluateList.forEach((value, key) => {
								if(value.is_evaluted){
									this.evaluateListID.push(value.id)
								}
							})
						}
					})
					.catch((res) => {
					})
			},
			goback() {
				uni.navigateBack({
					delta: 1,
					animationType: 'pop-out', 
				});
			},
			applyForBtn(){
				this.withdrawTK=true
			},
			sureBtn(){
				uni.chooseImage({
					success: (chooseImageRes) => {
						const tempFilePaths = chooseImageRes.tempFilePaths;
						uni.uploadFile({
							url: url + '/image/upload', //仅为示例，非真实的接口地址
							filePath: tempFilePaths[0],
							fileType: 'image',
							success: (res) => {
								let resData = JSON.parse(res.data)
								if (resData.code == 200) {
									console.log(resData,'resData')
									this.withdrawTK=false
									let data={
										image:resData.url,
										id:this.album_id
									}
									this.$u.post('/user/album/validate',data).then(res => {
											if (res) {
												console.log(res,'resss')
												if(res.data.result){
													uni.showToast({
														title:'发送成功',
														duration:1000,
														icon:'none'
													})
												}else {
													uni.showToast({
														title:res.message,
														duration:1000,
														icon:'none'
													})
												}
											}else {
												uni.showToast({
													title:res.message,
													duration:1000,
													icon:'none'
												})
											}
										})
										.catch((res) => {
										})
								}
							}
						});
					}
				});
			},
		}
	}
</script>

<style>
	.videopicWidth{
		width: 30%!important;
		height: 180rpx;
		margin-top: 20rpx;
	}
	.videopicWidth video {
		width: 100%;
		height: 100%;
	}
	.hongbaoPic{
		padding-top:50rpx;
	}
	.hongbaoPic .conter{
		padding: 20rpx!important;
		font-size: 32rpx;
	}
	.hongbaoPic .conter text {
		font-size:48rpx;
		color: #E23131;
	}
	.hongbaoPic .btnBox{
		 padding: 30rpx 50rpx!important; 
	}
	.status_bar,.top_view{
		background-color: #B9ADF5;
		}
	.headDetails {
		width: 100%;
		height: 100%;
		background-color: #F5F5F5;
	}
.marginBottom{
	margin-bottom: 100rpx;

}
	.warp{
		flex-flow: wrap;
	}
.filter{
	  -webkit-filter: blur(10rpx); /* Chrome, Opera */
	       -moz-filter: blur(10rpx);
	        -ms-filter: blur(10rpx);    
	            filter: blur(10rpx);
				display: block;
				margin-top: 0!important;
}
	.topHeight {
		background-color: white;
	}

	.topHeight image {
		width: 36rpx;
		height: 8rpx;
	}

	 .goback {
		width: 20rpx;
		height: 35rpx;
	}
.textarea{
	width: 100%;
	padding: 30rpx;
	box-sizing: border-box;
	height: 100rpx;
	font-size: 26rpx;
}
	.headBox {
		position: relative;
		width: 100%;
		padding: 50rpx 0 30rpx;
		margin: 0 auto 0rpx;
		background-color: white;
		box-sizing: border-box;
	}

	.headBox image {
		width: 180rpx;
		height: 180rpx;
		border-radius: 6rpx;
		display: block;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.lickList {
	
	}

	.lickList text {
		display: inline-block;
		text-align: center;
		color: #C0C0C0;
		padding: 0rpx 18rpx;
		box-sizing: border-box;
		margin-right: 20rpx;
		height:40rpx;
		line-height: 40rpx;
		background:rgba(230,229,255,1);
		border-radius:8rpx;
	}

	.time {
		margin-top: 12rpx;
	}

	.time text {
		margin: auto;
		text-align: center;
		color:rgba(255,254,254,1);
		height: 30rpx;
		line-height: 30rpx;
		padding: 0rpx 12rpx;
		background:rgba(45,40,255,1);
		border-radius:20rpx;
		box-sizing: border-box;
		margin-right: 20rpx;
		font-size:24rpx;
	}
.time text:nth-of-type(2n){
	background-color: #7A2AFF;
}
	.broadcast {
		background-color: white;
		margin: 24rpx 0;
		font-weight: 700;
		height: 80rpx;
		line-height: 80rpx;
		padding: 0 10rpx;
		box-sizing: border-box;
	}

	.photoBox {
		width: 100%;
		background-color: white;
		padding: 10rpx 10rpx;
		box-sizing: border-box;
		height: 49vh;
		overflow-y: scroll;
	}

	.photoBox .title {
		font-weight: 700;
		height: 60rpx;
		line-height: 60rpx;
	}

	.personalData {
		background-color: white;
		padding: 10rpx  30rpx;
		box-sizing: border-box;
		/* height: 50vh; */
		overflow-y: scroll;
	}

	.personalList {
		height: 100rpx;
		line-height: 100rpx;
	}
.personalList:nth-of-type(n+2){
	border-top: 1rpx solid #F5F5F5;
}
	.personalList .personalLeft {
		width: 200rpx;
		text-align: left;
		font-weight: 700;
		color: rgba(51,51,51,1)
	}

	 .width_6 {
		width: 66%!important;
	}
.color{
	color: #5C14FF!important;
}
	.bottomFiex {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
		background-color: white;
		box-shadow:0rpx 0rpx 29rpx 0rpx rgba(20,19,62,0.11);
	}

	.bottomFiex .navList image {
		width: 40rpx;
		height: 40rpx;
		margin-right: 10rpx;
	}

	.bottomFiex .navList {
		text-align: center;
	}

	.newList {
		position: fixed;
		bottom: 4%;
		width: 94%;
		left: 50%;
		transform: translateX(-50%);
	}

	.newList view,
		{
		background-color: white;
		text-align: center;
		color: #AA00FF;
	}

	.topBox {
		background-color: white;
		border-radius: 10rpx;
		overflow: hidden;
	}

	.topBox view {
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
	}

	.bottomBorder {
		border-bottom: 1rpx solid #D3D3D3;
	}

	.bottomBox {
		background-color: white;
		border-radius: 10rpx;
		margin-top: 50rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
	}

	.evaluateBox {
		width: 80%;
		margin: 300rpx auto;
		background-color: white;
		border-radius: 20rpx;
overflow: hidden;	
	position: relative;
	}

	.evaluateBox .evaluatePic {
		width: 101%;
		height: 156rpx;
display: block;
	}

	.evaluateBox .xx {
		width: 30rpx;
		height: 30rpx;
		display: block;
		position: absolute;
		top: 10rpx;
		right: 10rpx;
		padding: 20rpx;
		background:rgba(255,255,255,1);
		box-shadow:0rpx 3rpx 10rpx 0rpx rgba(34,37,57,0.15);
		opacity:0.4;
		border-radius:50%;
		
	}

	.evaluateBottom {
		padding: 28rpx 0rpx 20rpx;
	}

	.evaluateBottom view {
		text-align: center;
	}

	.evaluateBottom .evaluateTa {
		position: relative;
		margin: 10rpx 20rpx;
	}

	.evaluateBottom .evaluateTa::before {
		content: ' ';
		width: 180rpx;
		height: 1rpx;
		background-color: #DCDCDC;
		position: absolute;
		top: 50%;
		left: 2rpx;
		transform: translateY(-50%);

	}

	.evaluateBottom .evaluateTa::after {
		content: ' ';
		width: 180rpx;
		height: 1rpx;
		background-color: #DCDCDC;
		position: absolute;
		top: 50%;
		right: 2rpx;
		transform: translateY(-50%);
	}

	.evaluateList {
		width: 25%;
		margin-left: 6%;
		margin-bottom: 6rpx;
	}

	.evaluateList .evaluateFont {
		width: 100%;
		line-height: 80rpx;
		text-align: center;
		color: white;
		height:80rpx;
		background:#C4C4C4;
		border-radius:10rpx;
	}

	.evaluateListBox {
		width: 100%;
		/* border-bottom: 1rpx solid #ccc; */
		padding: 20rpx 0;
		flex-wrap: wrap
	}

	.anonymity {
		width: 80%;
		text-align: center;
		color: white;
		line-height: 90rpx;
		margin: 20rpx auto;
		height:90rpx;
		background: #824CFE ;
		box-shadow:0rpx 6rpx 10rpx 0rpx rgba(92,20,255,0.24);
		border-radius:10px;
	}
.anonymityActive{
	background:#824CFE;
}
	.borderBottom {
		width: 100%;
		margin: 0 20rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #C7C7C7;
	}

	.hint {
		color: red;
		text-align: center;
		font-size: 24rpx;
	}
	.picBox{
		padding: 30rpx;
		box-sizing: border-box;
		
	}
	.lookEdoverBox{
		position: relative;
	}
	.lookEdover {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		height: 100%;
	}
	.lookEdoverBox	.lookEdover image{
			width:24rpx;
			height:26rpx;
			display: block;
			margin-right: 0;
		}
		.lookEdoverBox	.lookEdover text {
			font-size:24rpx;
			color:rgba(255,255,255,1);
			margin-top: 6rpx;
		}
	
	
	.picBox .picWidth{
		width: 30%;
		height: 180rpx;
		margin-top: 20rpx;
	} 
	.rink2{
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(196,70,70,1);
		text-align: center;
		margin: 20rpx 0;
	}
	.applyFor{
		width:280rpx;
		height:70rpx;
		background:rgba(122,42,255,1);
		border-radius:35rpx;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(255,255,255,1);
		line-height:70rpx;
		text-align: center;
		margin: auto;
	}
	.applayForRink{
		font-size:30rpx;
		color:rgba(51,51,51,1);
		line-height:64rpx;
		text-align: center;
		margin-top: 85rpx;
	}
	.withdrawTK {
		width: 86%;
		background: rgba(255, 255, 255, 1);
		border-radius: 20rpx;
		background-color: white;
		margin: 350rpx auto;
		overflow: hidden;
	}
	
	.withdrawTK image {
		width: 101%;
		height: 172rpx;
	}
	
	.inputValue {
		height: 38rpx;
		background: rgba(255, 255, 255, 1);
		border: 1rpx solid rgba(205, 205, 205, 1);
		border-radius: 10rpx;
		font-size: 30rpx;
		color: rgba(85, 85, 85, 1);
		line-height: 98rpx;
		margin: auto;
		margin: 26rpx 48rpx;
		padding: 30rpx;
	}
	
	.btnBox {
		padding: 48rpx;
		box-sizing: border-box;
	
	}
	
	.btnBox .cancelBtn,
	.btnBox .sureBtn {
		width: 228rpx;
		height: 80rpx;
		border: 1rpx solid #824CFE;
		border-radius: 10rpx;
		line-height: 80rpx;
		text-align: center;
	}
	
	.cancelBtn {
		background: rgba(255, 255, 255, 1);
		color: #824CFE;
	}
	
	.sureBtn {
		background-color: #824CFE;
		color: white;
	}
	.withdrawTK .rink{
		font-size:36rpx;
		font-weight:bold;
		color:rgba(51,51,51,1);
		text-align: center;
	}
	.withdrawTK .conter{
		font-size:30rpx;
		color:rgba(85,85,85,1);
		line-height:48rpx;
		padding: 40rpx 50rpx;
	}
	.vipPic{
		display: inline-block;
		width: 50rpx;
		height: 25rpx;
	}
	.headTitle{
		font-size:36rpx;
		color:rgba(51,51,51,1);
		width: 100%;
		text-align: center;
	}
	.evaluateActive{
		background-color: #824CFE!important;
	}
	.rightClassify{
		width: 36rpx;
		height: 8rpx;
		padding-left: 76rpx;
	}
	.marginBottom /deep/.uni-navbar--fixed {
		width: 100%;
	}
	/* new */
	.headDetails /deep/.uni-navbar,
	.headDetails /deep/.uni-navbar__content,
	.headDetails /deep/.uni-navbar__header {
		width: 100%;
		background-color: #B9ADF5 !important;
	}
	.usrInfor{
		background: url(../../static/img/8fd362aa21107b6340626dfef9d66c8.png) no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 296rpx;
		padding:0  28rpx 28rpx;
		/* position: relative; */
	}
	.usrInforHead{
		width:136rpx;
		height:136rpx;
		display: block;
		border-radius: 50%;
		margin-right: 18rpx;
	}
	.nickBox .nickName{
		font-size:36rpx;
		font-weight:bold;
		color:rgba(51,51,51,1);
		}
		.nickBox .boyPic{
			width:24rpx;
			height:24rpx;
			display: block;
			margin: 0 10rpx;
		}
		.nickBox .boyPic2{
			width:20rpx;
			height:26rpx;
			display: block;
			margin: 0 10rpx;
		}
		.nickBox .vipPic{
			width:50rpx;
			height:25rpx;
			display: block;
		}
		.addLike{
			width:130rpx;
			height:50rpx;
			line-height:50rpx;
			background:rgba(122,42,255,1);
			border-radius:8rpx;
			font-size:28rpx;
			font-weight:bold;
			color:rgba(255,255,255,1);
			text-align: center;
		}
		.userInforBox{
			width:100%;
			background:rgba(255,255,255,1);
			border-radius:32rpx 32rpx 0rpx 0rpx;
			margin-top:-26rpx
		}
		.titleBox{
			padding: 46rpx 90rpx 30rpx;
			font-size:30rpx;
			color:rgba(102,102,102,1);
		}
		.titleActive{
			font-size:34rpx;
			font-weight:bold;
			color:rgba(51,51,51,1);
			position: relative;
		}
		.titleActive::before{
			content: '';
			width:135rpx;
			height:4rpx;
			background:rgba(42,91,253,1);
			border-radius:2rpx;
			position: absolute;
			bottom: -16rpx;
			left: 50%;
			transform: translateX(-50%);
		}
		
		
		
		.stationList{
			padding: 26rpx;
		}
		 .stationList:nth-of-type(n+2) {
				padding: 20rpx;
			}
		
			.stationList .functionBox {
			}
			.stationList  .avatar {
				width: 84rpx;
				height: 84rpx;
				border-radius: 8rpx;
			}
		
			.stationList .headPicRight {
			}
		
			.stationList .headPicRight .time {
				font-size: 26rpx;
				color: #AAAAAA;
			}
		
			.stationList .headPicRight .headFont {
				font-size: 30rpx;
				font-weight: 700;
			}
		
			.stationList .headPicBox .headPicRight image {
				margin-left: 20rpx;
			}
		.headPicBox {
			height: 84rpx;
		}
			.stationList .functionList {
				margin: 10rpx 0;
			}
		
			.stationList .functionList image {
				width: 30rpx;
				height: 30rpx;
			}
		
			.stationList .functionList .functionFont {
				font-size: 30rpx;
				color: rgba(51, 51, 51, 1);
			}
		
			.stationList .picPos {
				position: relative;
			}
		
			.stationList .picPos .smallHead {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 50rpx;
				height: 50rpx;
			}
		
			.stationList .bottomFunBox {
				width: 76%;
				margin: 20rpx 0 0 0;
			}
		
			.stationList .bottomFunBox view image {
				width: 40rpx;
				height: 40rpx;
			}
		
			.stationList .bottomFunBox .bottomFunFont {
				text-align: center;
				font-size: 24rpx;
				color: #AAAAAA;
			}
		
			.stationList .stationList .rightFiex {
				position: absolute;
				top: 0rpx;
				right: 0;
				width: 300rpx;
				height: 281rpx;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(149, 149, 149, 0.2);
				border-radius: 0rpx 0rpx 0rpx 6rpx;
				padding: 0 0 0 74rpx;
				box-sizing: border-box;
			}
		
			.stationList .rightFiex image {
				width: 44rpx;
				height: 44rpx;
				display: block;
				margin-right: 17rpx;
			}
		
			.stationList .rightOne {
				height: 140rpx;
			}
		
			.stationList .rightOne:nth-of-type(2) {
				height: 140rpx;
				border-top: 1rpx solid rgba(249, 246, 255, 1);
			}
		
			.stationList .rightFont {
				font-size: 32rpx;
				color: rgba(51, 51, 51, 1);
			}
		
			.stationList .programBox {
				width: 90%;
				margin: 300rpx auto;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(185, 185, 185, 0.24);
				border-radius: 10rpx;
				padding: 40rpx 30rpx;
			}
		
			.stationList .programBox .programHead .headBox {
				font-size: 34rpx;
				color: rgba(51, 51, 51, 1);
			}
		
			.stationList .programBox .programHead image {
				width: 47rpx;
				height: 46rpx;
				text-align: right;
			}
		
			.stationList .programList {
				flex-wrap: wrap;
				align-content: flex-start;
				padding: 50rpx 0 0 0;
			}
		
			.stationList .programList .program {
				width: 25%;
				margin-top: 35rpx;
			}
		
			.stationList .programList .program image {
				width: 110rpx;
				height: 110rpx;
				border-radius: 50%;
			}
		
			.stationList .headPicRight .sexPic {
				width: 20rpx !important;
				height: 26rpx !important;
			}
		
			.stationList .headPicRight .vip {
				width: 50rpx;
				height: 25rpx;
			}
		
			.stationList .nohave {
				width: 0rpx;
				height: 0rpx;
			}
		
			.stationList .picList {
				padding: 20rpx 0rpx 0;
				box-sizing: border-box;
			}
		
			.stationList .picList image {
				width: 160rpx;
				height: 160rpx;
				border-radius: 8rpx;
				margin-right: 14rpx;
			}
		 .nohaveList{
				padding: 26rpx;
				font-size: 32rpx;
				text-align: center;
			}
			.nohaveList image {
				width: 100%;
				height: 537rpx;
				display: block;
			}
			.stationListRight{
				width: 100%;
				margin-left: 20rpx;
			}
			.nohavePic {
				padding: 20rpx;
				text-align: center;
			}
			.nohavePic image{
				width: 100%;
				height: 537rpx;
				display: block;
				}
				
				.yinshenPic image {
					width: 444rpx;
					height: 394rpx;
					display: block;
					margin: auto;
				}
				
				.yinshenPic {
					text-align: center;
				width: 100%;
				height: 394rpx;
				margin: auto;
				}
  .jiesuobtn{
	  height:70rpx;
	  width:320rpx;
	  margin: auto;
	  background:rgba(122,42,255,1);
	  border-radius:35rpx;
	  font-size:30rpx;
	  font-weight:bold;
	  color:rgba(255,255,255,1);
	  line-height:70rpx;
	  
  }
</style>
